<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>推荐</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<!--定义样式-->
		<link rel="stylesheet" type="text/css" href="../css/Recharge.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">
				<div class="mui-input-row">
				    <input type="search" placeholder="老司机代驾">
					<a class="iconfont mui-icon icon-shuaxin" id="refresh"></a>
				</div>
			</h1>
		</header>
		<div class="mui-content">
			<div class="p_tb11_lr15 m_t16">
				<input id="j_phone" type="text" class="mui-input-clear b_r6 font16" placeholder="请输入手机号码">
				<button id="j_next" type="button" class="mui-btn mui-btn-green bg_green btn-green mui-btn-block bg_P m_t40 p_tb10 font16 b_r6">确定</button>
			</div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script>		
		//当用户点击"确定"按钮时所处理业务
		$("#j_next").on("tap",function (){
			if(!tool.validatePhone($("#j_phone").val())){
				mui.toast("手机号码输入不正确！");
				return;
			}
		    tool.openNewPage('self_help_order.html')  
		});
	</script>
</html>
